<template>
<div class="el-button-group">
  <slot></slot>
</div>
</template>

<script lang="ts">
import { buttonGroupProps } from '@/components/button/src/button-group';
import { defineComponent, provide, reactive, toRef } from 'vue';
import { elButtonGroupKey } from '@/tokens';

export default defineComponent({
  name: "ElButton",
  props: buttonGroupProps,
  setup(props){
    provide(
      elButtonGroupKey,
      reactive({
        size: toRef(props,'size'),
        type: toRef(props,'type'),
      })
    )
  }
})
</script>

<style scoped>

</style>
